{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>首页</title>
{include file="public/script" /}
</head>

<body>
<div class="sectionH sectionH1 index_sectionH mui-clearfix">
    <header class="mui-bar mui-bar-nav" style="">
        <!--<a class="mui-icon  mui-pull-left" href="javascript:history.back(-1)" style=""><img src="images/register_nav_icon_back.png"/></a>-->
        <h1 class="mui-title">首页</h1>
        <a class="mui-icon mui-pull-right right3" href="{:url('Index/noticeList')}" ><img src="__STATIC__/www/images/home_nav_notice.png"/></a>
        <a class="mui-icon mui-pull-right right3" href="" style="margin-right: 1px;"><img src="__STATIC__/www/images/home_nave_icon_scancode.png"/></a>

    </header>
    </header>
</div>
<div class="index_section1">
    <div class="ppp">
        <div class="swiper-container" id="mm">
            <div class="swiper-wrapper">
                {volist name="swiper" id="s"}
                <div class="swiper-slide"><a href="{$s.link}"><img src="{$s.thumb}"/></a></div>
                {/volist}

            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="index_section2">
    <div class="index_section2-1 mui-clearfix">
        <div class="container">
            <div class="laba">
                <img src="__STATIC__/www/images/home_icon_notice.png"/>
            </div>
            <div class="gundong">
                <ul class="news_li">
                    {volist name="notice" id="n"}
                        <li><a href="{:url('Index/noticeInfo',array('id'=>$n.id))}">{$n.name}</a></li>
                    {/volist}

                </ul>
                <ul class="swap"></ul>
            </div>
        </div>
    </div>
    <div class="index_section2-2">
        <div class="container">

            <div id="mountNode"></div>
        </div>
    </div>
    <div class="index_section2-3">
        <div class="jkl">
            <div class="swiper-container swiper-container_1" id="uu">
                <div class="swiper-wrapper">
                    {volist name="bussiness_list" id="b"}
                    <div class="swiper-slide">
                        <img src="{$b.avatar}"/>
                        <p class="p1">{$b.title}</p>
                        <p class="p2">
                            {volist name="$b.member" id="m"}
                            <img src="{$m.avatar|default='/static/default_avatar.png'}">
                            {/volist}

                        </p>
                        <p class="p3">
                            <a href="{:url('Bussiness/index',array('id'=>$b.id))}">查看</a>
                        </p>
                    </div>
                    {/volist}
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination" style="display: none;"></div>
            </div>
        </div>
    </div>
</div>

<div class="index_section3">
    <div class="index_section3_1">
        <div class="container mui-clearfix">
            <p class="p1">链新闻</p>
            <a href="{:url('Index/newsList')}" class="a1">更多内容＞</a>
        </div>
    </div>
    <div class="index_section3_2">
        <div class="items">
            {volist name="news_list" id="n"}
                <div class="items_1">
                    <a href="{:url('Index/newsInfo',array('id'=>$n.id))}">
                        <div class="container">
                            <div class="items_1-1">
                                <p>{$n.title}</p>
                            </div>
                            <div class="items_1-2 mui-clearfix">
                                <div class="items_1-2-1">
                                    <div class="items_1-2-1-1">
                                        <p class="p1">
                                           {$n.description}
                                        </p>
                                    </div>
                                    <p class="p2 mui-clearfix">
                                        <span class="s1">{$n.category_id|get_article_tag}</span>
                                        <span class="s2"><img src="__STATIC__/www/images/home_news_icon_read.png"/> {$n.view_num}</span>
                                    </p>
                                </div>
                                <div class="items_1-2-2">
                                    <img src="{$n.thumb}"/>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            {/volist}

        </div>
    </div>
</div>
<div class="index_section5">
    <div class="index_section5_1">
        <div class="container mui-clearfix">
            <p class="p1">推荐联盟商</p>
            <a href="{:url('Resource/unionList')}" class="a1">更多内容＞</a>
        </div>
    </div>
    <div class="index_section5_2">
        <div class="container">
            {volist name="consortium_list" id="consortium"}
            <a href="{:url('Resource/unionInfo',array('id'=>$consortium.id))}">
                <div class="index_section5_2_1 mui-clearfix">
                    <div class="index_section5_2_1-1">
                        <img src="{$consortium.thumb}"/>
                    </div>
                    <div class="index_section5_2_1-2">
                        <p class="p1">{$consortium.title}</p>
                        <p class="p2">电话：{$consortium.tel} <img src="__STATIC__/www/images/icon_tel.png" alt="" /></p>
                        <p class="p3">地址：{$consortium.address}</p>
                        <img src="__STATIC__/www/images/icon_location.png" alt="" class="daodao"/>
                    </div>
                </div>
            </a>
            {/volist}


        </div>
    </div>

</div>
<div class="ge"></div>
<div class="index_section4">
    <div class="index_section4_1">
        <div class="container mui-clearfix">
            <p class="p1">链资源</p>
            <a href="{:url('Resource/resourceList')}" class="a1">更多内容＞</a>
        </div>
    </div>
    <div class="index_section4_2">
        <div class="container">
            {volist name="active_list" id="a"}
            <a href="{:url('Resource/resourceInfo',array('id'=>$a.id))}">

                <div class="index_section4_2_1">
                    <p class="p1 zzzzz">{$a.title}</p>
                    <p class="p2">活动时间：{$a.begintime}-{$a.endtime} </p>
                    <img src="{$a.thumb}"/>
                </div>
            </a>
            {/volist}
        </div>
    </div>
</div>
{include file="public/footer" /}
</body>
<script>
    var swiper = new Swiper('#mm', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

    });
</script>
<script>
    function b() {
        t = parseInt(x.css('top'));
        y.css('top', '19px');
        x.animate({top: t - 19 + 'px'}, 'slow');	//19为每个li的高度
        if (Math.abs(t) == h - 19) { //19为每个li的高度
            y.animate({top: '0px'}, 'slow');
            z = x;
            x = y;
            y = z;
        }
        setTimeout(b, 3000);//滚动间隔时间 现在是3秒
    }
    $(document).ready(function () {
        $('.swap').html($('.news_li').html());
        x = $('.news_li');
        y = $('.swap');
        h = $('.news_li li').length * 19; //19为每个li的高度
        setTimeout(b, 3000);//滚动间隔时间 现在是3秒
    })
</script>

<script>
    var data = {$date_arr};
    var chart = new G2.Chart({
        container: 'mountNode',
        forceFit: true,
        height: 240,
        padding: [20, 20, 95, 25]
    });
    chart.source(data);
    chart.scale('value', {
        min: 0
    });
    chart.scale('year', {
        range: [0, 1]
    });
    chart.tooltip({
        crosshairs: {
            type: 'line'
        }
    });
    chart.line().position('year*value');
    chart.point().position('year*value').size(4).shape('circle').style({
        stroke: '#fff',
        lineWidth: 1
    });
    chart.render();
</script>

<script>
    var swiper = new Swiper('.swiper-container_1', {
        effect: 'coverflow',
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: 'auto',
        coverflowEffect: {
            rotate: 50,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows: true,
        },
        pagination: {
            el: '.swiper-pagination',
        },
        autoplay: true,
    });
</script>

</html>